import React, { Component } from 'react'

export default class App extends Component {

  //声明状态变量
  state={
    num:5
  }

  //声明成员方法 --- 用于绑定点击事件
  f1(){
    console.log("f1 invoke!",this)
    this.setState({num:1})//undefined  btn对象 App对象!!!
  }

  render() {
    return (
      /* 
        解决this漂移问题方案1:箭头函数 
     */
     //Fragment:片段,用于创建一个空的HTML元素,不产生任何真正的输出
      <React.Fragment>
        <button onClick={this.f1}>-</button>
        <span>{this.state.num}</span>
        <button>+</button>
      </React.Fragment>
    )
  }
}
